<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>注册-填写信息</title>		
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />     
		<link rel="stylesheet" href="${resource(dir:'css',file:'dialog.css')}" />
        <link rel="stylesheet" href="${resource(dir:'css',file:'button.css')}" />
        <link rel="stylesheet" href="${resource(dir:'css',file:'base.css')}" />
        <link rel="stylesheet" href="${resource(dir:'css',file:'publicSkin.css')}" />
        <link rel="stylesheet" href="${resource(dir:'css',file:'layout.css')}" />
		<link href="/css/register.css" rel="stylesheet" type="text/css" />	
	</head>
	<body onload="document.getElementById('username').focus()">
        <div class="head"><a href="/"><img src="/images/MokoLogo.gif" /></a></div>
		<div class="content mokoman">
			<g:form action="save" name="registerForm">
                <h1 class="titleInfo titleInfo tDashedOn"></h1>
                <g:if test="${flash.message}">
                <div class="message" style="font-size:11pt;color:red;margin-bottom:20px;">${flash.message}</div>
                </g:if>

			    <div class="box">
			        <p class="mainColor weight700">登录名:</p>
			        <input class="borderOn lesserColor" id="username" name="username" type="text" size="20" maxlength="40" value="" onfocus="this.className='mainBorderOn'" onblur="this.className='borderOn'"/>
			    </div>
			    <div class="box">
					<p class="mainColor weight700">密码:</p>
			        <input class="borderOn lesserColor" id="passwd" name="passwd" type="password" size="20" maxlength="24" onfocus="this.className='mainBorderOn'" onblur="this.className='borderOn'"/>
			    </div>
			    <div class="box">
					<p class="mainColor weight700">确认密码:</p>
			        <input class="borderOn lesserColor" id="repasswd" name="repasswd" type="password" size="20" maxlength="24" onfocus="this.className='mainBorderOn'" onblur="this.className='borderOn'"/>
			    </div>
                <div class="box code">
			        <p class="mainColor weight700">邀请码:</p>
			        <input class="borderOn lesserColor" id="inviteCode" name="inviteCode" type="text" size="20" maxlength="10" onfocus="this.className='mainBorderOn'" onblur="this.className='borderOn'"/>
			    </div>
			    <div class="box code">
			        <p class="mainColor weight700">验证码:</p>
			        <input class="borderOn lesserColor" id="captcha" name="captcha" type="text" size="20" maxlength="10" onfocus="this.className='mainBorderOn'" onblur="this.className='borderOn'"/><img src="${createLink(controller:'captcha', action:'index')}" align="absmiddle"/>
			    </div>
			    <div class="button lesserColor">
					<input type="submit" id="btnRegisterSave" onfocus="this.blur()" value="提交注册！" class="buttonL_2 font14 mainColor weight700" />
			    </div>
		    </g:form>
		</div>
        <div class="footer">
            <p class="copy dashedOn font10 lesserColor clearfix">&copy; 2008-2010 (YUNSO.CN), All rights reserved.</p>
        </div>
        <g:javascript library="jquery" plugin="jquery"/>
        <g:javascript src="validate/jquery.validate.min.js"/>
        <g:javascript src="domain/register.js" />
	</body>
</html>
